<template>
	<div style="background: linear-gradient(0deg, #7AB2F4, #4B8AF0);border-radius: 20px;width: 50%;display: inline-block;vertical-align: top;" class="colorfff pl10 pr10 mb12"
		v-loading="loading3">
		<div style="padding: 18px 37px;" class="displayFlex">
			<div>
				<span style="font-size: 15px;font-weight: bold;">日常待办</span>
				<span style="">（{{dataList1.normalList.length}}）</span>
			</div>
			<div v-if="listHeaderMock.mock1" class="font12">以下数据为演示数据</div>
		</div>
		<div style="height: 205px;overflow-y: auto;padding:0 35px 18px;">
			<el-empty v-if="dataList1.normalList && dataList1.normalList.length == 0" style="height: 150px;"></el-empty>
			<div v-for="(item,index) in dataList1.normalList" :key="index" @click="gotoPage(item.content)"
				class="point mb15 font14">
				<div class="displayFlexBet point" slot="reference">
					<div style="flex: 4;" class="textOver">
						<span>{{index+1}}. </span>
						<span>{{item.remark}}</span>
					</div>
					<div style="flex: 1;" class="">{{item.executeByName}}</div>
					<span style="flex: 1;text-align: right;" class="one-text-overflow">
						{{item.dateDiffStr}}
						<span v-if="item.status == 'OVER_TIME'">· {{item.statusStr}}</span>
					</span>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	let that
	import HomeMock from "@/assets/mock/HomeMock.json"

	export default {
		data() {
			return {
				dataList1: {
					normalList:[]
				},
				loading3: true,
				listHeaderMock: {
					mock1: false,
				}
			}
		},
		mounted: function() {
			that = this
			that.getHomePageScheduleInfosV2()
		},

		methods: {
			getHomePageScheduleInfosV2() {
				that.loading3 = true
				that.ajax({
					url: '/documentEntSchedule/getHomePageScheduleInfosV2',
					data: JSON.stringify({}),
					contentType: 'application/json',
					success: function(result) {
						that.listHeaderMock.mock1 = false
						if (result.status == -6) {
							result.data = HomeMock.daiBan
							that.listHeaderMock.mock1 = true
						}
						if (result.data) that.dataList1 = result.data
						that.loading3 = false
					},
				}, false)
			},
		}
	}
</script>

<style scoped>
>>>.el-empty__description p{
	color: #fff;
}
</style>